<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>飞织机派工</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="../js/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="../js/sortable/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="../js/bootstrap/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="../js/bootstrap/js/bootstrap.min.js"></script>
    <script src="../js/sortable/Sortable.js"></script>
    <script src="../js/manu/fzjPaigong.js"></script>
</head>
<style id="jsbin-css">
    .tinted {
        cursor: pointer;
        background-color: #FDF8D4 !important;
    }
    .selected {
        background-color: #E7C896 !important;
        border: solid #fff 1px !important;
        z-index: 1 !important;
    }
    .button {
        color: #fff;
        font-size: 16px;
        margin-left: 100px;
        padding: 5px 20px;
        background-color: #00a000;
        border: 1px #f00 solid;
        border-radius: 4px;
    }
</style>
<body>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span6" style="width: 460px;" id="plan_tab">
            <div style="margin: 10px 0 20px;border-bottom: 1px solid #eee;">
                <h3>
                    拉式计划清单
                    <button class="button" onclick="oneKeyAssign()">一键派工</button>
                </h3>
            </div>
            <div class="list-group-item tinted" id="orderTable" style="overflow: auto;height: 800px;">
                计划编码 &nbsp;&nbsp; / &nbsp;&nbsp;型体编码&nbsp;&nbsp; /&nbsp;&nbsp; 颜色 &nbsp;&nbsp; /&nbsp;&nbsp; 尺码 &nbsp;&nbsp; /&nbsp;&nbsp; 数量
            </div>
        </div>
        <div class="span6" style="width: 58%;" id="fac_tab">
            <div style="margin: 10px 0 20px;border-bottom: 1px solid #eee;">
                <h3>
                    <span id="msgDiv" style="margin-right: 100px;color: #ff4400;"></span>
                    <div style="float: right;">
                        <span style="background-color: #ACD2AC;padding: 5px 10px;font-size: 16px;">运行中</span>
                        <span style="background-color: #FFC66D;padding: 5px 10px;font-size: 16px;">异常</span>
                        <span style="background-color: #FDF8D4;padding: 5px 10px;font-size: 16px;">停止</span>
                    </div>
                </h3>
            </div>
            <div id="fzjUl" style="overflow: auto;height: 800px;"></div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 2000;height: 520px">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
                飞织任务列表
            </h4>
        </div>
        <div class="modal-body" style="height: 400px">
            <div class="list-group-item" id="fzj_orders" style="overflow: auto;">
                作业编码 &nbsp;&nbsp; / &nbsp;&nbsp; 拉动计划 &nbsp;&nbsp; /&nbsp;&nbsp; 颜色 &nbsp;&nbsp; /&nbsp;&nbsp; 尺码
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" onclick="subDelJobOrder()">提交</button>
            <button type="button" class="btn btn-default" style="background-color: #FFC66D" data-dismiss="modal">取消</button>
        </div>
    </div>
</div>
<div class="modal fade" id="qtyModal" tabindex="-1" role="dialog" aria-labelledby="qtyModalLabel" aria-hidden="true" style="z-index: 3000;height: 200px;width: 350px;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="qtyModalLabel">
                指定派工数量
            </h4>
        </div>
        <div class="modal-body" style="height: 80px">
            <div class="list-group-item" style="overflow: auto;">
                派工数量：<input id="assginQty"/>
            </div>
        </div>
        <div class="modal-footer">
            <div style="float: left;color: #ff0000;font-size: 14px;" id="qtyErrorMsg"></div>
            <button type="button" class="btn btn-primary" onclick="subOrderAssign()">确定</button>
            <button type="button" class="btn btn-primary" style="background-color: #FFC66D" onclick="cancelOrderAssign()">取消</button>
        </div>
    </div>
</div>
</body>
</html>